/*
#------------------------------------------------------------------------
# Fashion - May Joomla! template (for Joomla 2.5)
#
# Copyright (C) 2007-2012 Gavick.com. All Rights Reserved.
# License: Copyrighted Commercial Software
# Website: http://www.gavick.com
# Support: support@gavick.com 
*/

/*
 * Tabs GK5 Module 
 */
 
.gkTabsGK5 { position: relative; overflow: hidden; }
.gkTabsWrap { margin: 0; }
.gkTabsWrap.vertical ol { background: none !important; margin: 0 0 10px!important; padding: 0!important; overflow: hidden; border-bottom: 3px solid #CF8080; border-left: 1px solid #eee }
.gkTabsWrap.vertical ol li,
.gkTabsWrap.horizontal ol li { float: left; list-style-type: none; cursor: pointer; min-height: 30px;  margin: 0; padding: 4px 10px; text-align: center;  border: 1px solid #eee; border-bottom: none; border-left: none}
.gkTabsWrap.vertical ol li.active,
.gkTabsWrap.horizontal ol li.active,
.gkTabsWrap.vertical ol li.active:hover,
.gkTabsWrap.horizontal ol li.active:hover { color: #fff; background: #CF8080; border-color: #CF8080 }
.gkTabsWrap.vertical ol li:hover,
.gkTabsWrap.horizontal ol li:hover { background: #f9f9f9; color: #353639}
.gkTabsContainer { clear: both; overflow: hidden; position: relative; }
.gkTabsItem { background: #fff; left: -9999px; padding: 10px 2px; position: absolute; top: 0; width: 100%; z-index: 1; box-sizing: border-box; }
.gkTabsItem.active { left: 0; position: relative; z-index: 2; }

/* 
 * News Show Pro GK4
 */

.nsp { position: relative; } 
.nspMain { overflow:hidden; }
.nspBotInterface,
.nspTopInterface { overflow:hidden; clear: both; }
.nspBotInterface div,
.nspTopInterface div { float:right; }
.nsp .nspTopInterface div { position: absolute; right: 20px; padding: 0 3px; top: 18px; }
.nspPagination { list-style-type:none !important; margin:6px 0 0 !important; padding:0 !important; float:left; }
.nspPagination li { float:left; width: 10px; height: 10px; margin: 0 4px 0 0 !important; background: #ddd; border-radius: 50%; text-indent:-999em; cursor:pointer; }
.nspPagination li:hover,
.nspPagination li.active { background: #cf8080; }
.nspNext,
.nspPrev { float:left; width: 21px; height: 21px; margin:0 0 0 4px; background: url('../images/style1/nsp_interface.png') no-repeat -21px 0; text-indent:-999em; cursor:pointer; }
.nspPrev { background-position: 0 0; }
.nspNext:hover,
.nspPrev:hover { background-position: -21px -21px }
.nspPrev:hover { background-position: 0 -21px }
.nspCounter {  float:left; margin:0 0 0 8px; padding:1px 4px; border: 1px solid #ddd; border-radius:2px 2px; color: #878787; font-size:9px;cursor:pointer; }
.nspCounter span { }
.nspBotInterface .nspCounter strong,
.nspTopInterface .nspCounter strong { }
.nspArts { overflow:hidden; }
.nspArtPage { float: left; }
.nspArt { float:left; box-sizing: border-box; }
.nspArt div { overflow: hidden; }
.nspArt .gkResponsive + h4.nspHeader { font-size: 24px; font-weight: 300px; line-height: 1.2; }
.nspArt .gkResponsive + h4.nspHeader { padding-top: 10px; }
.nspArt h4.nspHeader a { color: #505757; text-decoration: none }
.nspArt h4.nspHeader a:active,
.nspArt h4.nspHeader a:focus,
.nspArt h4.nspHeader a:hover { color: #cf8080; }
.nspArt img.nspImage { border: none }
.nspArt img { transition: all 0.4s ease; }
.nspArt .nspImageWrapper { overflow: hidden; }
.nspArt .nspImageWrapper:hover img { transform: scale(1.2) rotate(-7deg); }
.nspArt p.nspText { float:none; }
.nspArt p.nspText a { }
.nspArt p.nspText a:hover { }
.nspArt p.nspInfo { color: #bbb; font-size: 12px; font-style: italic; }
.nspArt p.nspInfo a { }
.nspArt p.nspInfo a:hover { }
.nspArt .tleft { text-align:left; }
.nspArt .tright { text-align:right; }
.nspArt .tcenter { text-align:center; }
.nspArt .tjustify { text-align:justify; }
.nspArt .fleft { float:left; }
.nspArt .fright { float:right; }
.nspArt .fnone { clear:both; width:100%; float:none; }
.readon.left,
.readon.right,
.readon.center { clear:both; }
.readon.left { float:left; }
.readon.right { float:right; }
.readon.center { display:inline; float:none; }
.nspAvatar { }
.nspLinks { }
.nspList { float: left; }
.nspLinks ul { padding:0 !important; list-style-type:none !important; }
.nspLinks ul li { margin: 0 30px 0 0 !important }
.nspLinks ul li:hover { }
.nspLinks ul li h4 { }
.nspLinks ul li h4 a { text-decoration: none }
.nspLinks ul li h4 a:hover { }
.nspLinks ul li p { }
/* positioning */
.nspArts.left { float:right; }
.nspLinksWrap.left { float:left; }
.nspArts.right { float:left; }
.nspLinksWrap.right { float:right; }
/* make element unvisible */
.nspMain .unvisible { height:1px; left:-10000px; overflow:hidden; position:absolute; top:auto; width:1px; }
/* font-size classes */
.nspFs80 { font-size:80%; }
.nspFs90 { font-size:90%; }
.nspFs100 { font-size:100%; }
.nspFs110 { font-size:110%; }
.nspFs120 { font-size:120%; }
.nspFs130 { font-size:130%; }
.nspFs140 { font-size:140%; }
.nspFs150 { font-size:150%; }
.nspFs160 { font-size:160%; }
.nspFs170 { font-size:170%; }
.nspFs180 { font-size:180%; }
.nspFs190 { font-size:190%; }
.nspFs200 { font-size:200%; }
/* New responsive layout */
.gkResponsive { line-height: 1; }
.gkResponsive img.nspImage,
img.nspImage.gkResponsive { width: 100%!important; height: auto; }
.gkResponsive a,
a.gkResponsive { display: block; margin: 0!important; }
.gkResponsive { margin-bottom: 12px; }
.nspArt img.nspImage { max-width: 100%; }
.nspArtScroll1,
.nspLinkScroll1 { width: 100%; }
.nspPages1 { width: 100%; }
.nspPages2 { width: 200%; }
.nspPages3 { width: 300%; }
.nspPages4 { width: 400%; }
.nspPages5 { width: 500%; }
.nspPages6 { width: 600%; }
.nspPages7 { width: 700%; }
.nspPages8 { width: 800%; }
.nspPages9 { width: 900%; }
.nspPages10 { width: 1000%; }
.nspCol1 { width: 100%; }
.nspCol2 { width: 50%; }
.nspCol3 { width: 33.3%; }
.nspCol4 { width: 25%; }
.nspCol5 { width: 20%; }
.nspCol6 { width: 16.66%; }
.nspCol7 { width: 14.285%; }
.nspCol8 { width: 12.5%; }
.nspCol9 { width: 11.1%; }
.nspCol10 { width: 10%; }
.nspCol11 { width: 9.09%; }
.nspCol12 { width: 8.33%; }
.nspCol13 { width: 7.69%; }
.nspCol14 { width: 7.14%; }
.nspCol15 { width: 6.66%; }
.nspCol16 { width: 6.25%; }
.nspCol17 { width: 5.88%; }
.nspCol18 { width: 5.55%; }
.nspCol19 { width: 5.26%; }
.nspCol20 { width: 5%; }
/* Suffix big */
.big .nspHeader { font-size: 35px!important;  }
/* Suffix dark */
.dark .nspArt h4.nspHeader a { color: #fff; }
.dark .nspArt h4.nspHeader a:active,
.dark .nspArt h4.nspHeader a:focus,
.dark .nspArt h4.nspHeader a:hover { color: #bbb; }
.dark .nspArt p.nspInfo { color: #7e8085; }
.dark .nspPagination li { background: #555860; }
.dark .nspPagination li:hover,
.dark .nspPagination li.active { background: #a5a5a5; }
.dark .nspNext,
.dark .nspPrev { background-position: -21px -42px; text-indent:-999em; cursor:pointer; }
.dark .nspPrev { background-position: 0 -42px; }
.dark .nspNext:hover,
.dark .nspPrev:hover { background-position: -21px -63px }
.dark .nspPrev:hover { background-position: 0 -63px }

/* Suffix color2 */
.color2 .nspArt h4.nspHeader a { color: #9f5f5f; }
.color2 .nspArt h4.nspHeader a:active,
.color2 .nspArt h4.nspHeader a:focus,
.color2 .nspArt h4.nspHeader a:hover { color: #c79b9b; }
.color2 .nspArt p.nspInfo { color: #c79b9b; }
.color2 .nspPagination li { background: #c79b9b; }
.color2 .nspPagination li:hover,
.color2 .nspPagination li.active { background: #9f5f5f; }
.color2 .nspNext,
.color2 .nspPrev { background-position: -21px -84px; text-indent:-999em; cursor:pointer; }
.color2 .nspPrev { background-position: 0 -84px; }
.color2 .nspNext:hover,
.color2 .nspPrev:hover { background-position: -21px -105px }
.color2 .nspPrev:hover { background-position: 0 -105px }

/* centernav suffix */
.centernav .nspTopInterface > div { top: auto !important; bottom: 16px; left: auto !important; width: 100%; text-align: center; position: absolute; margin-left: -19px; right: 0!important; }
.centernav .nspTopInterface ul { display: inline-block; float: none; margin-left: 0!important; }
.centernav .nspArts { margin-bottom: 20px; }
.centernav .nspTopInterface .nspNext,
.centernav .nspTopInterface .nspPrev { display: none; }

/* 
 * Image Show GK4 
 */
 
.gkIsWrapper-gk_fashion { margin: 20px; overflow: hidden; position: relative; }
.gkIsWrapper-gk_fashion .gkIsPreloader { background: #f1f1f1 url('../images/loader.gif') no-repeat center center; height: 100%; position: absolute; width: 100%; z-index: 101; } 
.gkIsWrapper-gk_fashion figure { left: 0; opacity: 0; position: absolute; top: 0; width: 100%; z-index: 1; }
.gkIsWrapper-gk_fashion figure.active { opacity: 1; position: relative; z-index: 3; }
.gkIsWrapper-gk_fashion img { display: block; height: auto; position: relative; width: 100%; } 
.gkIsWrapper-gk_fashion figcaption { background: #cf8080; background: rgba(207, 128, 128, 0.65); bottom: -100%; box-sizing: border-box; left: 0; padding: 5px 20px; position: absolute; width: 100%; z-index: 2; transition: bottom 0.5s ease-out, top 0.5s ease-out; }
.gkIsWrapper-gk_fashion figcaption.top { bottom: auto; top: -100%; }
.gkIsWrapper-gk_fashion figure.active figcaption { bottom: 0%; z-index: 4; }
.gkIsWrapper-gk_fashion figure.active figcaption.top { bottom: auto; top: 0%; }
.gkIsWrapper-gk_fashion figcaption h3 { color: #fff; font-size: 16px; font-weight: bold; margin: 0; text-align: center; }
.gkIsWrapper-gk_fashion figcaption h3 a { color: #fff; }
.gkIsWrapper-gk_fashion figcaption h3 a:active,
.gkIsWrapper-gk_fashion figcaption h3 a:focus,
.gkIsWrapper-gk_fashion figcaption h3 a:hover { text-decoration: underline; }
.gkIsWrapper-gk_fashion ol { margin: 0; padding: 0; position: absolute; text-align: center; top: 10px; width: 100%; z-index: 10; }
.gkIsWrapper-gk_fashion ol.bottom { top: auto; bottom: 10px; }
.gkIsWrapper-gk_fashion ol li { background: #fff; border-radius: 50%; box-shadow: 0 0 3px #666; cursor: pointer; display: inline-block; height: 12px; text-indent: -999px; width: 12px; }
.gkIsWrapper-gk_fashion ol li:hover,
.gkIsWrapper-gk_fashion ol li.active { background: #cf8080; box-shadow: 0 0 3px #666; }